jquery滑块验证代码 jquery滑动函数有哪些

您所在的位置:网站首页 jquery滑块验证 免费 jquery滑块验证代码 jquery滑动函数有哪些

jquery滑块验证代码 jquery滑动函数有哪些

2023-07-04 22:51| 来源: 网络整理| 查看: 265

最近由于做项目一直在做网页,然而想要自己的网页变得更加的炫丽,Jquery就必不可少,今天就来说一下自己刚体验到的几个滑动函数。

1.slideDown函数,可以向下滑动元素。调用的方式是$(selecter).slideDown(speed,function());其中selecter是选择的元素,而speed是指滑动的速度,function是指滑动成功后可执行的函数。

2.slideUp函数,与slideUp相反,slideUp是向上滑动元素。调用的方式是$(selecter).slideUp(speed,function());其中selecter是选择的元素,而speed是指滑动的速度,function是指滑动成功后可执行的函数。

3.slideToggle函数,slideToggle函数是slideDown函数和slideUp函数的中和,调用该函数时,如果元素已经向上滑动,那么元素就向下滑动;如果元素已经向下滑动,那么元素就向上滑动,格式为:$(selecter).slideToggle(speed,function())其中selecter是选择的元素,而speed是指滑动的速度,function是指滑动成功后可执行的函数.

 

下面就是我学习它们的一些例子:

slide

打开

关闭

我叫邓远奇

hello

$(document).ready(function(){ $("#test1").click(function(){ $(".flip").click(function(){ $(".panel").slideDown("fast"); }) $(".flip2").click(function(){ $(".panel").slideUp("fast"); }) $(".flip").click(function(){ $(".panel").slideToggle("fast"); $("") }) })

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3